$--dialog-bg-color: var(--dialog-bg-color, #fff);
$--dialog-font-color: var(--dialog-font-color, #606266);
$--dialog-nearly-month-color: var(--dialog-nearly-month-color, #C0C4CC);
$--dialog-today-color: var(--dialog-today-color, #409eff);
$--dialog-current-color: var(--dialog-current-color, #fff);
$--dialog-current-bg-color: var(--dialog-current-bg-color, #409eff);
$--dialog-current-border-radius: var(--dialog-current-border-radius, 50px);
$--dialog-disabled-bg-color: var(--dialog-disabled-bg-color, #F5F7FA);
$--picker-container-color: var(--picker-container-color, #606266);
$--picker-container-border-color: var(--picker-container-border-color, #DCDFE6);

.personalPicker-dialog-style {
  color: blanchedalmond;
  background-color: $--dialog-bg-color;
  color: $--dialog-font-color !important;
  position: relative;

  .popper__arrow::after {
    border-bottom-color: $--dialog-bg-color !important;
  }

  .el-date-table td.next-month,
  .el-date-table td.prev-month {
    color: $--dialog-nearly-month-color !important;
  }

  .el-date-table td.today span {
    color: $--dialog-today-color !important;
  }

  .el-date-table td.current:not(.disabled) span {
    color: $--dialog-current-color !important;
    background-color: $--dialog-current-bg-color !important;
  }

  .el-date-table td span {
    border-radius: $--dialog-current-border-radius !important;
  }

  .el-picker-panel__sidebar {
    background-color: $--dialog-bg-color !important;
  }

  .el-date-table td.disabled div {
    background-color: $--dialog-disabled-bg-color !important;
  }

}

.personalPicker {
  .el-input__inner {
    // background-color: red;
    color: $--picker-container-color !important;
    border-color: $--picker-container-border-color !important;
  }

  .el-icon-date:before {
      color: $--picker-container-color !important;
  }

  .el-icon-circle-close:before {
    color: $--picker-container-color !important;
  }
}
